// pages/category/index.js
import {request} from "../../request/index.js"
Page({

  /**
   * 页面的初始数据
   */
    data: {
      // 商品种类数据
      rscoll:[],
      // 商品分类数据
      lscoll:[],
      // 选中的下标
      currentIndex:0,
      // 滚动条距离顶部距离
      scrollTop:0
    },
  // 总数据
    cap:[],
  onLoad: function(options){
  //   new Promise((resolve,reject) => {
  //     this.getcap(resolve,reject)
  //   }).then(mes=> this.setData({
  //     cap: mes,
  //     lscoll: mes.map(v=>v.cat_name),
  //     rscoll:mes[0].children
   
  // })
  // )
  // 做一个本地缓存功能，如果原先已经打开过小程序那么不用每次切换时都向服务器发起请求
  // 1.获取本地缓存
  // 2.判断缓存是否存在，存在则不加载数据并判断数据是否过期，过期则发送请求，没有过期则不用发起
  var Cache = wx.getStorageSync("cache");
  if(!Cache){
    this.getCates();
  }else if(Date.now() - Cache.time > 1000*10){
    this.getCates();
  }else{
      let lscoll = Cache.data.map(v=>v.cat_name);
      let rscoll = Cache.data[0].children;
      this.setData({
        lscoll,
        rscoll
      })  
  }

  },
  
  //  getcap(resolve,reject){
  //   request({url: 'https://api-hmugo-web.itheima.net/api/public/v1/categories'}).then(result=>{
  //     resolve(result.data.message)
  //   })
  // }
  getCates(){
    request({url: '/categories'}).then(result=>{
      this.cap = result.data.message;
      wx.setStorageSync("cache", {'time':Date.now(),'data':this.cap});
      let lscoll = this.cap.map(v=>v.cat_name);
      let rscoll = this.cap[0].children;
      this.setData({
        lscoll,
        rscoll
      })   
    })
  },
  ednah(e){
   const  index2 = e.currentTarget.dataset.index;
   let rscoll = this.cap[index2].children;
    this.setData({
      currentIndex:index2,
      rscoll,
      scrollTop:0
    });
  }
})